a{
    text-decoration: none;
}
 
 *{
 	padding:0;
 	margin:0;
 }
 html,body{
 	width:100%;
 	height:100%;
 }
 .layout{
 	width:100%;
 	height:100%;
 }
 .header{
 	width:100%;
 	height: 50px;
 	background-color: red;
     position: absolute;
    
 }
 .search{
   width:100%;
   height:100%;
   box-sizing: border-box;
   padding: 0 60px;
 }
 .search input{
     width:100%;
     height: 40px;
     border-radius: 20px;
     border:1px solid #eee;
     margin-top:4px;
 }

 
 
.a-left{
  
   width:50px;
   height:100%;
   background-color: aqua;
   position: absolute;
   top:0;
   left:0;
}
.a-right{
   width:50px;
   height:100%;
   background-color:yellow;
   position: absolute;
   top:0;
   right:0;
}

 .content{
 	width:100%;
 	height:100%;
 	padding-top: 50px;
 	box-sizing: border-box;
 	

 }
.left{
	width:100px;
	height:100%;
	float: left;
	/* position: absolute; */
	/* background-color: blue; */

}
.left ul {
    width:100%;
    height:100%;
}
.left ul li{
    widows: 100%;
    height:50px;
    border:1px solid #eee ;
    text-align: center;
    line-height: 50px;
    font-size: 10px;
}
.right{

	/* width:100%; */
	height:100%;
    background-color: pink;
    margin-left: 100px;
    /* float:left; */
	}
    
    